<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn"> 按钮</button>
    <br>
    <a href="https://baidu.com" id="baidu">百度</a>
    <script>
        var btn = document.getElementById('btn')
        btn.addEventListener('click',function(){//好像不需要传入event就可以调用，应该是因为触发的时候自动将自己传入了
            //event的变量
            console.log(event.target)//target返回当前节点
            event.target.innerHTML = '别点啊！'//可以通过事件修改内容
            console.log(event.type)//type返回事件类型，如click
        })

        var baidu = document.getElementById('baidu')
        baidu.addEventListener('click',function(e){
            e.preventDefault();//阻止默认事件，此处阻止了a标签跳转百度
            alert('不让你跳转')
        })

    </script>
</body>
</html>